import BaseLayout from '@/layouts/BaseLayout/BaseLayout'

function installation() {
	return (
		<BaseLayout>
	        <div className='demo-block' style={{'padding': '20px'}}>
		        <h2 className="intro-title">安装</h2>
				<h3 className="base-title">npm 安装</h3>
				<p className="base-content">推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。</p>
				<code className="base-code-area">
					npm i ygbh-react -S
				</code>
				<h3 className="base-title">CDN</h3>
				<p className="base-content">目前可以通过 unpkg.com/ygbh 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。</p>
				<code className="base-code-area">
					<textarea readOnly={true} className="demo-core-box height20" value='<!-- 引入样式 -->'></textarea>
					<textarea readOnly={true} className="demo-core-box height20" value='<link rel="stylesheet" href="//unpkg.com/ygbh-react/ygbh.css">'></textarea>
					<textarea readOnly={true} className="demo-core-box height20" value='<!-- 引入组件库 -->'></textarea>
					<textarea readOnly={true} className="demo-core-box height20" value='<script src="//unpkg.com/ygbh-react/ygbh.js"></script>'></textarea>
				</code>
			</div>
		</BaseLayout>
	)
}

export default installation
